html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
	margin: 0;
	padding: 0;
	outline: none;
}

html,
body {
	position: relative;
	height: 100%;
	width: 100%;
}

body {
	cursor: default;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
	font: 12px/1.14 "Microsoft YaHei", "微软雅黑", "宋体", helvetica, "Hiragino Sans GB";
	outline: 0;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
	font-weight: normal;
}

del,
ins,
u,
s,
a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
	outline: none;
}

a,
button {
	cursor: pointer;
}

.f-dn {
	display: none;
}

.f-cb,
.f-cbli li {
	zoom: 1;
}

.f-cb:after,
.f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: ".";
}

.f-clr {
	zoom: 1;
}

.f-clr:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: ".";
}

button {
	border: 0;
}

.u-btn {
	display: inline-block;
	padding: 10px 24px;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	letter-spacing: 0.1em;
	font-size: 14px;
	color: #fff;
	background-color: #5092e1;
}

.u-btn-disabled {
	display: inline-block;
	padding: 10px 24px;
	font-size: 12px;
	line-height: 16px;
	border-radius: 3px;
	letter-spacing: 0.1em;
	font-size: 14px;
	cursor: default;
	color: #fff;
	background-color: #bcd8f1;
}

.m-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1010;
	min-width: 300px;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.2);
}

.m-modal-confirm {
	display: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.portrait_img {
	background-image: url(../img/emoji_ie.png);
	background: url(../img/emoji_ie_8.png) \9\0;
	background-size: 22px auto;
}

.portrait_icon_emoji_37 {
	background-position: 0px 0px;
}

.portrait_icon_emoji_00 {
	background-position: 0px -22px;
}

.portrait_icon_emoji_02 {
	background-position: 0px -44px;
}

.portrait_icon_emoji_03 {
	background-position: 0px -66px;
}

.portrait_icon_emoji_04 {
	background-position: 0px -88px;
}

.portrait_icon_emoji_05 {
	background-position: 0px -109px;
}

.portrait_icon_emoji_06 {
	background-position: 0px -132px;
}

.portrait_icon_emoji_07 {
	background-position: 0px -154px;
}

.portrait_icon_emoji_08 {
	background-position: 0px -176px;
}

.portrait_icon_emoji_09 {
	background-position: 0px -197px;
}

.portrait_icon_emoji_10 {
	background-position: 0px -219px;
}

.portrait_icon_emoji_100 {
	background-position: 0px -242px;
}

.portrait_icon_emoji_101 {
	background-position: 0px -263px;
}

.portrait_icon_emoji_102 {
	background-position: 0px -285px;
}

.portrait_icon_emoji_103 {
	background-position: 0px -307px;
}

.portrait_icon_emoji_104 {
	background-position: 0px -329px;
}

.portrait_icon_emoji_105 {
	background-position: 0px -351px;
}

.portrait_icon_emoji_106 {
	background-position: 0px -372px;
}

.portrait_icon_emoji_107 {
	background-position: 0px -395px;
}

.portrait_icon_emoji_108 {
	background-position: 0px -416px;
}

.portrait_icon_emoji_109 {
	background-position: 0px -440px;
}

.portrait_icon_emoji_11 {
	background-position: 0px -462px;
}

.portrait_icon_emoji_110 {
	background-position: 0px -482px;
}

.portrait_icon_emoji_111 {
	background-position: 0px -506px;
}

.portrait_icon_emoji_112 {
	background-position: 0px -528px;
}

.portrait_icon_emoji_113 {
	background-position: 0px -550px;
}

.portrait_icon_emoji_114 {
	background-position: 0px -572px;
}

.portrait_icon_emoji_115 {
	background-position: 0px -594px;
}

.portrait_icon_emoji_12 {
	background-position: 0px -615px;
}

.portrait_icon_emoji_13 {
	background-position: 0px -638px;
}

.portrait_icon_emoji_14 {
	background-position: 0px -659px;
}

.portrait_icon_emoji_145 {
	background-position: 0px -682px;
}

.portrait_icon_emoji_15 {
	background-position: 0px -704px;
}

.portrait_icon_emoji_16 {
	background-position: 0px -726px;
}

.portrait_icon_emoji_160 {
	background-position: 0px -748px;
}

.portrait_icon_emoji_161 {
	background-position: 0px -770px;
}

.portrait_icon_emoji_162 {
	background-position: 0px -792px;
}

.portrait_icon_emoji_163 {
	background-position: 0px -814px;
}

.portrait_icon_emoji_164 {
	background-position: 0px -836px;
}

.portrait_icon_emoji_165 {
	background-position: 0px -858px;
}

.portrait_icon_emoji_166 {
	background-position: 0px -880px;
}

.portrait_icon_emoji_167 {
	background-position: 0px -901px;
}

.portrait_icon_emoji_200 {
	background-position: 0px -902px;
}

.portrait_icon_emoji_17 {
	background-position: 0px -923px;
}

.portrait_icon_emoji_18 {
	background-position: 0px -945px;
}

.portrait_icon_emoji_19 {
	background-position: 0px -967px;
}

.portrait_icon_emoji_20 {
	background-position: 0px -990px;
}

.portrait_icon_emoji_21 {
	background-position: 0px -1012px;
}

.portrait_icon_emoji_22 {
	background-position: 0px -1034px;
}

.portrait_icon_emoji_23 {
	background-position: 0px -1056px;
}

.portrait_icon_emoji_24 {
	background-position: 0px -1078px;
}

.portrait_icon_emoji_25 {
	background-position: 0px -1099px;
}

.portrait_icon_emoji_26 {
	background-position: 0px -1122px;
}

.portrait_icon_emoji_27 {
	background-position: 0px -1144px;
}

.portrait_icon_emoji_28 {
	background-position: 0px -1166px;
}

.portrait_icon_emoji_29 {
	background-position: 0px -1188px;
}

.portrait_icon_emoji_30 {
	background-position: 0px -1210px;
}

.portrait_icon_emoji_31 {
	background-position: 0px -1232px;
}

.portrait_icon_emoji_32 {
	background-position: 0px -1254px;
}

.portrait_icon_emoji_33 {
	background-position: 0px -1276px;
}

.portrait_icon_emoji_34 {
	background-position: 0px -1297px;
}

.portrait_icon_emoji_35 {
	background-position: 0px -1320px;
}

.portrait_icon_emoji_36 {
	background-position: 0px -1341px;
}

.portrait_icon_emoji_01 {
	background-position: 0px -1363px;
}

.portrait_icon_emoji_38 {
	background-position: 0px -1385px;
}

.portrait_icon_emoji_39 {
	background-position: 0px -1406px;
}

.portrait_icon_emoji_40 {
	background-position: 0px -1429px;
}

.portrait_icon_emoji_41 {
	background-position: 0px -1452px;
}

.portrait_icon_emoji_42 {
	background-position: 0px -1474px;
}

.portrait_icon_emoji_43 {
	background-position: 0px -1495px;
}

.portrait_icon_emoji_44 {
	background-position: 0px -1517px;
}

.portrait_icon_emoji_45 {
	background-position: 0px -1539px;
}

.portrait_icon_emoji_46 {
	background-position: 0px -1561px;
}

.portrait_icon_emoji_47 {
	background-position: 0px -1584px;
}

.portrait_icon_emoji_48 {
	background-position: 0px -1605px;
}

.portrait_icon_emoji_49 {
	background-position: 0px -1628px;
}

.portrait_icon_emoji_50 {
	background-position: 0px -1650px;
}

.portrait_icon_emoji_51 {
	background-position: 0px -1672px;
}

.portrait_icon_emoji_52 {
	background-position: 0px -1694px;
}

.portrait_icon_emoji_53 {
	background-position: 0px -1715px;
}

.portrait_icon_emoji_54 {
	background-position: 0px -1736px;
}

.portrait_icon_emoji_55 {
	background-position: 0px -1760px;
}

.portrait_icon_emoji_56 {
	background-position: 0px -1780px;
}

.portrait_icon_emoji_57 {
	background-position: 0px -1804px;
}

.portrait_icon_emoji_58 {
	background-position: 0px -1826px;
}

.portrait_icon_emoji_59 {
	background-position: 0px -1847px;
}

.portrait_icon_emoji_60 {
	background-position: 0px -1869px;
}

.portrait_icon_emoji_61 {
	background-position: 0px -1891px;
}

.portrait_icon_emoji_62 {
	background-position: 0px -1913px;
}

.portrait_icon_emoji_63 {
	background-position: 0px -1935px;
}

.portrait_icon_emoji_64 {
	background-position: 0px -1958px;
}

.portrait_icon_emoji_65 {
	background-position: 0px -1979px;
}

.portrait_icon_emoji_66 {
	background-position: 0px -2000px;
}

.portrait_icon_emoji_67 {
	background-position: 0px -2023px;
}

.portrait_icon_emoji_68 {
	background-position: 0px -2044px;
}

.portrait_icon_emoji_69 {
	background-position: 0px -2068px;
}

.portrait_icon_emoji_70 {
	background-position: 0px -2090px;
}

.portrait_icon_emoji_71 {
	background-position: 0px -2111px;
}

.portrait_icon_emoji_72 {
	background-position: 0px -2134px;
}

.portrait_icon_emoji_73 {
	background-position: 0px -2155px;
}

.portrait_icon_emoji_74 {
	background-position: 0px -2177px;
}

.portrait_icon_emoji_75 {
	background-position: 0px -2200px;
}

.portrait_icon_emoji_76 {
	background-position: 0px -2221px;
}

.portrait_icon_emoji_77 {
	background-position: 0px -2243px;
}

.portrait_icon_emoji_78 {
	background-position: 0px -2266px;
}

.portrait_icon_emoji_79 {
	background-position: 0px -2287px;
}

.portrait_icon_emoji_80 {
	background-position: 0px -2310px;
}

.portrait_icon_emoji_81 {
	background-position: 0px -2332px;
}

.portrait_icon_emoji_82 {
	background-position: 0px -2353px;
}

.portrait_icon_emoji_83 {
	background-position: 0px -2376px;
}

.portrait_icon_emoji_84 {
	background-position: 0px -2397px;
}

.portrait_icon_emoji_85 {
	background-position: 0px -2418px;
}

.portrait_icon_emoji_86 {
	background-position: 0px -2442px;
}

.portrait_icon_emoji_87 {
	background-position: 0px -2464px;
}

.portrait_icon_emoji_88 {
	background-position: 0px -2485px;
}

.portrait_icon_emoji_89 {
	background-position: 0px -2507px;
}

.portrait_icon_emoji_90 {
	background-position: 0px -2530px;
}

.portrait_icon_emoji_91 {
	background-position: 0px -2551px;
}

.portrait_icon_emoji_92 {
	background-position: 0px -2574px;
}

.portrait_icon_emoji_93 {
	background-position: 0px -2595px;
}

.portrait_icon_emoji_94 {
	background-position: 0px -2617px;
}

.portrait_icon_emoji_95 {
	background-position: 0px -2640px;
}

.portrait_icon_emoji_96 {
	background-position: 0px -2661px;
}

.portrait_icon_emoji_97 {
	background-position: 0px -2684px;
}

.portrait_icon_emoji_98 {
	background-position: 0px -2706px;
}

.portrait_icon_emoji_99 {
	background-position: 0px -2728px;
}

.portrait_icon_new_emoji_01 {
	background-position: 0px -2756px;
}

.portrait_icon_1f641 {
	background-position: 0px -2780px;
}

.portrait_icon_1f628 {
	background-position: 0px -2804px;
}

.portrait_icon_1f629 {
	background-position: 0px -2830px;
}

.portrait_icon_1f615 {
	background-position: 0px -2855px;
}

.portrait_icon_1f62a {
	background-position: 0px -2878px;
}

.portrait_icon_1f4aa-1f3fc {
	background-position: 0px -2904px;
}

.portrait_icon_new_emoji_02 {
	background-position: 0px -2932px;
}

.portrait_icon_new_emoji_05 {
	background-position: 0px -2960px;
}

.portrait_icon_new_emoji_06 {
	background-position: 0px -2987px;
}

.portrait_icon_1f63e {
	background-position: 0px -3011px;
}

.portrait_icon_1f608 {
	background-position: 0px -3038px;
}

.portrait_icon_new_emoji_03 {
	background-position: 0px -3065px;
}

.portrait_icon_new_emoji_23 {
	background-position: 0px -3089px;
}

.portrait_icon_1f437 {
	background-position: 0px -3113px;
}

.portrait_icon_new_emoji_25 {
	background-position: 0px -3138px;
}

.portrait_icon_new_emoji_24 {
	background-position: 0px -3164px;
}

.portrait_icon_1f41e {
	background-position: 0px -3190px;
}

.portrait_icon_new_emoji_30 {
	background-position: 0px -3213px;
}

.portrait_icon_new_emoji_28 {
	background-position: 0px -3239px;
}

.portrait_icon_new_emoji_08 {
	background-position: 0px -3267px;
}

.portrait_icon_new_emoji_18 {
	background-position: 0px -3291px;
}

.portrait_icon_new_emoji_19 {
	background-position: 0px -3316px;
}

.portrait_icon_new_emoji_20 {
	background-position: 0px -3340px;
}

.portrait_icon_new_emoji_21 {
	background-position: 0px -3367px;
}

.portrait_icon_new_emoji_22 {
	background-position: 0px -3394px;
}

.portrait_icon_new_emoji_10 {
	background-position: 0px -3420px;
}

.portrait_icon_1f642 {
	background-position: 0px -3445px;
}

.portrait_icon_1f602 {
	background-position: 0px -3468px;
}

.portrait_icon_1f61d {
	background-position: 0px -3493px;
}

.portrait_icon_new_emoji_11 {
	background-position: 0px -3521px;
}

.portrait_icon_new_emoji_13 {
	background-position: 0px -3468px;
}

.portrait_icon_1f630 {
	background-position: 0px -3545px;
}

.portrait_icon_1f60c {
	background-position: 0px -3571px;
}

.portrait_icon_1f47b {
	background-position: 0px -3595px;
}

.portrait_icon_1f49d {
	background-position: 0px -3617px;
}

.portrait_icon_1f64f-1f3fc {
	background-position: 0px -3643px;
}

.portrait_icon_1f388 {
	background-position: 0px -3674px;
}

.portrait_icon_new_emoji_09 {
	background-position: 0px -3703px;
}

.portrait_icon_new_emoji_07 {
	background-position: 0px -3732px;
}

.portrait_icon_1f612 {
	background-position: 0px -3761px;
}

.portrait_icon_1f616 {
	background-position: 0px -3788px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.portrait_img {
		background-image: url(../img/emoji.png);
		background: url(../img/emoji_ie_8.png) \9\0;
	}
	.portrait_icon_new_emoji_13 {
		background-position: 0px -3479px;
	}
	.portrait_icon_emoji_145 {
		background-position: 0px -681px;
	}
	.portrait_icon_emoji_13 {
		background-position: 0px -637px;
	}
	.portrait_icon_emoji_14 {
		background-position: 0px -658px;
	}
	.portrait_icon_emoji_15 {
		background-position: 0px -703px;
	}
	.portrait_icon_emoji_16 {
		background-position: 0px -725px;
	}
	.portrait_icon_emoji_20 {
		background-position: 0px -989px;
	}
	.portrait_icon_emoji_21 {
		background-position: 0px -1011px;
	}
	.portrait_icon_emoji_22 {
		background-position: 0px -1033px;
	}
	.portrait_icon_emoji_23 {
		background-position: 0px -1055px;
	}
	.portrait_icon_emoji_24 {
		background-position: 0px -1077px;
	}
	.portrait_icon_emoji_26 {
		background-position: 0px -1121px;
	}
	.portrait_icon_emoji_27 {
		background-position: 0px -1143px;
	}
	.portrait_icon_emoji_28 {
		background-position: 0px -1165px;
	}
	.portrait_icon_emoji_29 {
		background-position: 0px -1187px;
	}
	.portrait_icon_emoji_30 {
		background-position: 0px -1209px;
	}
	.portrait_icon_emoji_31 {
		background-position: 0px -1231px;
	}
	.portrait_icon_emoji_32 {
		background-position: 0px -1253px;
	}
	.portrait_icon_emoji_33 {
		background-position: 0px -1275px;
	}
	.portrait_icon_emoji_160 {
		background-position: 0px -747px;
	}
	.portrait_icon_emoji_161 {
		background-position: 0px -769px;
	}
	.portrait_icon_emoji_162 {
		background-position: 0px -791px;
	}
	.portrait_icon_emoji_163 {
		background-position: 0px -813px;
	}
	.portrait_icon_emoji_164 {
		background-position: 0px -835px;
	}
	.portrait_icon_emoji_165 {
		background-position: 0px -857px;
	}
	.portrait_icon_emoji_166 {
		background-position: 0px -879px;
	}
	.portrait_icon_new_emoji_01 {
		background-position: 0px -2752px;
	}
	.portrait_icon_1f641 {
		background-position: 0px -2776px;
	}
	.portrait_icon_1f628 {
		background-position: 0px -2800px;
	}
	.portrait_icon_1f629 {
		background-position: 0px -2826px;
	}
	.portrait_icon_1f615 {
		background-position: 0px -2851px;
	}
	.portrait_icon_1f62a {
		background-position: 0px -2875px;
	}
	.portrait_icon_1f4aa-1f3fc {
		background-position: 0px -2901px;
	}
	.portrait_icon_new_emoji_02 {
		background-position: 0px -2929px;
	}
	.portrait_icon_new_emoji_05 {
		background-position: 0px -2958px;
	}
	.portrait_icon_new_emoji_06 {
		background-position: 0px -2986px;
	}
	.portrait_icon_1f63e {
		background-position: 0px -3011px;
	}
	.portrait_icon_1f608 {
		background-position: 0px -3039px;
	}
	.portrait_icon_new_emoji_03 {
		background-position: 0px -3066px;
	}
	.portrait_icon_new_emoji_23 {
		background-position: 0px -3091px;
	}
	.portrait_icon_1f437 {
		background-position: 0px -3117px;
	}
	.portrait_icon_new_emoji_25 {
		background-position: 0px -3142px;
	}
	.portrait_icon_new_emoji_24 {
		background-position: 0px -3168px;
	}
	.portrait_icon_1f41e {
		background-position: 0px -3195px;
	}
	.portrait_icon_new_emoji_30 {
		background-position: 0px -3220px;
	}
	.portrait_icon_new_emoji_28 {
		background-position: 0px -3246px;
	}
	.portrait_icon_new_emoji_08 {
		background-position: 0px -3273px;
	}
	.portrait_icon_new_emoji_18 {
		background-position: 0px -3299px;
	}
	.portrait_icon_new_emoji_19 {
		background-position: 0px -3324px;
	}
	.portrait_icon_new_emoji_20 {
		background-position: 0px -3348px;
	}
	.portrait_icon_new_emoji_21 {
		background-position: 0px -3375px;
	}
	.portrait_icon_new_emoji_22 {
		background-position: 0px -3401px;
	}
	.portrait_icon_new_emoji_10 {
		background-position: 0px -3429px;
	}
	.portrait_icon_1f642 {
		background-position: 0px -3455px;
	}
	.portrait_icon_1f602 {
		background-position: 0px -3479px;
	}
	.portrait_icon_1f61d {
		background-position: 0px -3505px;
	}
	.portrait_icon_new_emoji_11 {
		background-position: 0px -3533px;
	}
	.portrait_icon_1f630 {
		background-position: 0px -3558px;
	}
	.portrait_icon_1f60c {
		background-position: 0px -3585px;
	}
	.portrait_icon_1f47b {
		background-position: 0px -3609px;
	}
	.portrait_icon_1f49d {
		background-position: 0px -3632px;
	}
	.portrait_icon_1f64f-1f3fc {
		background-position: 0px -3660px;
	}
	.portrait_icon_1f388 {
		background-position: 0px -3690px;
	}
	.portrait_icon_new_emoji_09 {
		background-position: 0px -3717px;
	}
	.portrait_icon_new_emoji_07 {
		background-position: 0px -3747px;
	}
	.portrait_icon_1f612 {
		background-position: 0px -3776px;
	}
	.portrait_icon_1f616 {
		background-position: 0px -3803px;
	}
}

@-webkit-keyframes slideTop {
	0% {
		-webkit-transform: translateY(100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideTop {
	0% {
		-moz-transform: translateY(100%);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes slideTop {
	0% {
		-ms-transform: translateY(100%);
	}
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes slideTop {
	0% {
		-o-transform: translateY(100%);
	}
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideTop {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-100%);
	}
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes slideDown {
	0% {
		-ms-transform: translateY(-100%);
	}
	100% {
		-ms-transform: translateY(0);
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-100%);
	}
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
	}
}

@-moz-keyframes zoomIn {
	0% {
		opacity: 0;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(1, 1);
	}
}

@-ms-keyframes zoomIn {
	0% {
		opacity: 0;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(1, 1);
	}
}

@-o-keyframes zoomIn {
	0% {
		opacity: 0;
		-o-transform-origin: 50% 50%;
		-o-transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-o-transform-origin: 50% 50%;
		-o-transform: scale(1, 1);
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
	}
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
	}
}

@-moz-keyframes zoomOut {
	0% {
		opacity: 1;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(0, 0);
	}
}

@-ms-keyframes zoomOut {
	0% {
		opacity: 1;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(0, 0);
	}
}

@-o-keyframes zoomOut {
	0% {
		opacity: 1;
		-o-transform-origin: 50% 50%;
		-o-transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-o-transform-origin: 50% 50%;
		-o-transform: scale(0, 0);
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes shake {
	from,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	0% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-moz-keyframes shake {
	from,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	0% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-ms-keyframes shake {
	from,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	0% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-o-keyframes shake {
	from,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	0% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	0% {
		opacity: 0.7;
	}
	100% {
		opacity: 1;
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-webkit-keyframes bounce {
	100% {
		opacity: 1;
	}
	from,
	20%,
	53%,
	80%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@-moz-keyframes bounce {
	100% {
		opacity: 1;
	}
	from,
	20%,
	53%,
	80%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@-ms-keyframes bounce {
	100% {
		opacity: 1;
	}
	from,
	20%,
	53%,
	80%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@-o-keyframes bounce {
	100% {
		opacity: 1;
	}
	from,
	20%,
	53%,
	80%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes bounce {
	100% {
		opacity: 1;
	}
	from,
	20%,
	53%,
	80%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}

@-webkit-keyframes flikbottom {
	0% {
		box-shadow: 0 -6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 -10px 12px -6px #5fa7ed inset;
	}
}

@-moz-keyframes flikbottom {
	0% {
		box-shadow: 0 -6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 -10px 12px -6px #5fa7ed inset;
	}
}

@-ms-keyframes flikbottom {
	0% {
		box-shadow: 0 -6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 -10px 12px -6px #5fa7ed inset;
	}
}

@-o-keyframes flikbottom {
	0% {
		box-shadow: 0 -6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 -10px 12px -6px #5fa7ed inset;
	}
}

@keyframes flikbottom {
	0% {
		box-shadow: 0 -6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 -10px 12px -6px #5fa7ed inset;
	}
}

@-webkit-keyframes fliktop {
	0% {
		box-shadow: 0 6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 10px 12px -6px #5fa7ed inset;
	}
}

@-moz-keyframes fliktop {
	0% {
		box-shadow: 0 6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 10px 12px -6px #5fa7ed inset;
	}
}

@-ms-keyframes fliktop {
	0% {
		box-shadow: 0 6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 10px 12px -6px #5fa7ed inset;
	}
}

@-o-keyframes fliktop {
	0% {
		box-shadow: 0 6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 10px 12px -6px #5fa7ed inset;
	}
}

@keyframes fliktop {
	0% {
		box-shadow: 0 6px 8px -6px #5fa7ed inset;
	}
	100% {
		box-shadow: 0 10px 12px -6px #5fa7ed inset;
	}
}

@-webkit-keyframes fadeInout {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeInout {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes fadeInout {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes fadeInout {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeInout {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.ani-zoonEnter {
	-webkit-animation: zoomIn 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) running;
	-moz-animation: zoomIn 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) running;
	-ms-animation: zoomIn 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) running;
	-o-animation: zoomIn 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) running;
	animation: zoomIn 1s cubic-bezier(0.18, 0.89, 0.32, 1.28) running;
}

.ani-zoomLeave {
	-webkit-animation: zoomOut 1s cubic-bezier(0.6, -0.3, 0.74, 0.05) paused;
	-moz-animation: zoomOut 1s cubic-bezier(0.6, -0.3, 0.74, 0.05) paused;
	-ms-animation: zoomOut 1s cubic-bezier(0.6, -0.3, 0.74, 0.05) paused;
	-o-animation: zoomOut 1s cubic-bezier(0.6, -0.3, 0.74, 0.05) paused;
	animation: zoomOut 1s cubic-bezier(0.6, -0.3, 0.74, 0.05) paused;
}

.ani-slideTop {
	-webkit-animation: slideTop 0.5s ease-out;
	-moz-animation: slideTop 0.5s ease-out;
	-ms-animation: slideTop 0.5s ease-out;
	-o-animation: slideTop 0.5s ease-out;
	animation: slideTop 0.5s ease-out;
}

.ani-slideDown {
	-webkit-animation: slideDown 0.5s ease-out;
	-moz-animation: slideDown 0.5s ease-out;
	-ms-animation: slideDown 0.5s ease-out;
	-o-animation: slideDown 0.5s ease-out;
	animation: slideDown 0.5s ease-out;
}

.ani-fadeIn {
	-webkit-animation: fadeIn 0.5s linear;
	-moz-animation: fadeIn 0.5s linear;
	-ms-animation: fadeIn 0.5s linear;
	-o-animation: fadeIn 0.5s linear;
	animation: fadeIn 0.5s linear;
}

.ani-fadeOut {
	-webkit-animation: fadeIn 0.5s linear reverse;
	-moz-animation: fadeIn 0.5s linear reverse;
	-ms-animation: fadeIn 0.5s linear reverse;
	-o-animation: fadeIn 0.5s linear reverse;
	animation: fadeIn 0.5s linear reverse;
}

.ani-fadeIn-status {
	-webkit-animation: fadeIn 2s infinite;
	-moz-animation: fadeIn 2s infinite;
	-ms-animation: fadeIn 2s infinite;
	-o-animation: fadeIn 2s infinite;
	animation: fadeIn 2s infinite;
}

.ani-fadeOut-status {
	-webkit-animation: fadeOut 2s infinite;
	-moz-animation: fadeOut 2s infinite;
	-ms-animation: fadeOut 2s infinite;
	-o-animation: fadeOut 2s infinite;
	animation: fadeOut 2s infinite;
}

.ani-shake {
	-webkit-animation: shake 1s;
	-moz-animation: shake 1s;
	-ms-animation: shake 1s;
	-o-animation: shake 1s;
	animation: shake 1s;
}

.ani-bounce {
	-webkit-animation: bounce 1s;
	-moz-animation: bounce 1s;
	-ms-animation: bounce 1s;
	-o-animation: bounce 1s;
	animation: bounce 1s;
}

.ani-fadeInout {
	-webkit-animation: fadeInout 3s ease-out;
	-moz-animation: fadeInout 3s ease-out;
	-ms-animation: fadeInout 3s ease-out;
	-o-animation: fadeInout 3s ease-out;
	animation: fadeInout 3s ease-out;
}

.g-main-visitor {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 5px 2px #ccc;
	text-align: left;
	overflow: hidden;
}

.g-hd {
	position: relative;
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	overflow: hidden;
}

.g-hd .logo {
	overflow: hidden;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 10px;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.g-hd .logo img {
	display: inline;
	height: 30px;
	width: auto;
	margin-left: 0px;
}

.g-hd .logo.logo-fl img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.g-hd .name {
	display: inline;
	vertical-align: top;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	padding-right: 30px;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
}

.g-hd .name.pl20 {
	padding-left: 20px;
}

.g-hd .leave {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0;
	padding-left: 0px;
	padding-right: 150px;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.g-hd button {
	float: right;
	margin-top: 8px;
	margin-right: 20px;
}

.g-hd .minimize {
	float: right;
	width: 16px;
	height: 27px;
	margin-right: 20px;
	margin-top: 14px;
	cursor: pointer;
}

.g-hd .minimize i {
	display: inline-block;
	vertical-align: 20px;
	width: 16px;
	height: 2px;
	background-color: #fff;
}

.g-bd {
	position: absolute;
	top: 46px;
	bottom: 0;
	left: 0;
	right: 0;
}

.g-bd .bd_left {
	position: absolute;
	left: 0;
	top: 0;
	right: 201px;
	bottom: 0;
	border-right: 1px solid #ccc;
	z-index: 1;
	background-color: #fff;
}

.g-bd .bd_right {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	z-index: 0;
	background-color: #fff;
}

.g-bd .editor_cnt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
}

.g-bd .f-scrocnt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 151px;
}

.g-bd a {
	color: #5092e1;
}

.g-bd .m-msglist {
	height: 100%;
}

.g-bd.z-show .u-headtip {
	height: 40px;
}

.g-bd.z-show .m-msglist {
	padding-top: 50px;
}

.g-td {
	position: absolute;
	width: 100%;
	bottom: 1px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	background-color: #f9f9f9;
	cursor: pointer;
	z-index: 3;
}

.g-td .td {
	text-align: center;
	width: 100%;
}

.g-td .taillogo {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
}

.g-td .text {
	vertical-align: top;
	line-height: 26px;
	color: #ccc;
}

.g-td a {
	cursor: pointer;
}

.g-td.bottom {
	bottom: 0;
}

.g-tablefs {
	width: 100%;
	height: 100%;
	background-color: #e8e8e8;
}

.g-tablefs td {
	text-align: center;
	vertical-align: middle;
}

.pc_portrait {
	position: absolute !important;
	z-index: 100000;
	bottom: 149px;
	left: 0;
	width: 510px;
	height: 178px;
	border: 1px solid #ccd5d8;
	border-left: none;
	background-color: #fff;
	overflow: hidden;
}

.pc_portrait .portrait_cnt {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.pc_portrait .portrait_cnt .portrait_list {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.pc_portrait .portrait_img {
	display: block;
	margin: 0 auto;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.pc_portrait ul {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.pc_portrait li {
	display: block;
	float: left;
	margin-left: 18px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.pc_portrait li:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.m-msglist {
	position: relative;
	padding: 10px 20px;
	overflow-x: hidden;
	overflow-y: hidden;
	box-sizing: border-box;
	transition: padding 0.5s ease;
	-webkit-transition: padding 0.5s ease;
	-moz-transition: padding 0.5s ease;
	-ms-transition: padding 0.5s ease;
}

.m-msglist .info {
	text-align: center;
	padding: 5px 0;
}

.m-msglist .date {
	text-align: center;
	padding: 5px 0;
	position: relative;
}

.m-msglist .date .date-wrap {
	display: inline-block;
}

.m-msglist .date span {
	position: relative;
	z-index: 2;
	padding: 0 15px;
	margin: 0 40px;
	background-color: #fff;
}

.m-msglist .date .line {
	position: absolute;
	left: 50%;
	top: 11px;
	width: 238px;
	margin-left: -119px;
}

.m-msglist .msg {
	padding: 10px 0;
	font-size: 14px;
}

.m-msglist .msg .rich {
	padding: 14px;
}

.m-msglist .msg .rich p,
.m-msglist .msg .rich .p {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}

.m-msglist .msg .image {
	position: relative;
	float: left;
	padding: 10px;
}

.m-msglist .msg .image img {
	max-width: 120px;
	max-height: 120px;
	border-radius: 2px;
	cursor: pointer;
}

.m-msglist .msg .audio {
	float: left;
}

.m-msglist .msg .audio .audio-wrap {
	position: relative;
	min-width: 74px;
	height: 40px;
	border-radius: 6px;
	max-width: 210px;
	background-color: #dfe9ef;
	color: #76838f;
}

.m-msglist .msg .audio .audio-wrap:before {
	position: absolute;
	top: 15px;
	left: -5px;
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 6px solid #dfe9ef;
}

.m-msglist .msg .audio .time {
	display: inline-block;
	padding: 10px 0 0;
	font-size: 12px;
}

.m-msglist .msg .audio .length {
	position: absolute;
	left: 10px;
	top: 12px;
}

.m-msglist .msg .audio .icon {
	position: absolute;
	right: 10px;
	top: 10px;
	transform: rotate(-180deg);
	display: inline-block;
	width: 16px;
	height: 20px;
	background: url(../img/4.png);
}

.m-msglist .msg .audio .z-icon-playing .icon {
	animation: audioplaying 3s infinite;
	-webkit-animation: audioplaying 3s infinite;
	-moz-animation: audioplaying 3s infinite;
}

.m-msglist .msg .text {
	box-sizing: border-box;
	padding: 14px;
}

.m-msglist .msg .text p {
	padding: 0;
}

.m-msglist .msg .action {
	box-sizing: border-box;
	padding: 14px;
}

.m-msglist .msg .action p {
	padding: 0;
}

.m-msglist .msg .question {
	box-sizing: border-box;
	padding: 14px;
}

.m-msglist .msg .question p {
	padding: 0;
}

.m-msglist .text,
.m-msglist .qa-list,
.m-msglist .action,
.m-msglist .rich,
.m-msglist .question {
	border-radius: 6px;
	max-width: 266px;
	min-width: 50px;
}

.m-msglist .text p,
.m-msglist .text .p,
.m-msglist .qa-list p,
.m-msglist .qa-list .p,
.m-msglist .action p,
.m-msglist .action .p,
.m-msglist .rich p,
.m-msglist .rich .p,
.m-msglist .question p,
.m-msglist .question .p {
	word-wrap: break-word;
}

.m-msglist .text p .qa_label,
.m-msglist .text .p .qa_label,
.m-msglist .qa-list p .qa_label,
.m-msglist .qa-list .p .qa_label,
.m-msglist .action p .qa_label,
.m-msglist .action .p .qa_label,
.m-msglist .rich p .qa_label,
.m-msglist .rich .p .qa_label,
.m-msglist .question p .qa_label,
.m-msglist .question .p .qa_label {
	margin-bottom: 5px;
}

.m-msglist .text .arrow,
.m-msglist .qa-list .arrow,
.m-msglist .action .arrow,
.m-msglist .rich .arrow,
.m-msglist .question .arrow {
	position: absolute;
	top: 15px;
	right: -6px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.m-msglist .msg_left .u-icon-avater {
	float: left;
	margin-right: 12px;
	background-color: #fff;
}

.m-msglist .msg_left .text,
.m-msglist .msg_left .qa-list,
.m-msglist .msg_left .action,
.m-msglist .msg_left .rich,
.m-msglist .msg_left .question {
	position: relative;
	float: left;
}

.m-msglist .msg_left .text .arrow,
.m-msglist .msg_left .qa-list .arrow,
.m-msglist .msg_left .action .arrow,
.m-msglist .msg_left .rich .arrow,
.m-msglist .msg_left .question .arrow {
	position: absolute;
	top: 15px;
	left: -6px;
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.m-msglist .msg_right .u-icon-avater {
	float: right;
	margin-left: 12px;
}

.m-msglist .msg_right .text,
.m-msglist .msg_right .qa-list,
.m-msglist .msg_right .action,
.m-msglist .msg_right .rich,
.m-msglist .msg_right .question {
	position: relative;
	float: right;
}

.m-msglist .msg_right .text:after,
.m-msglist .msg_right .qa-list:after,
.m-msglist .msg_right .action:after,
.m-msglist .msg_right .rich:after,
.m-msglist .msg_right .question:after {
	position: absolute;
	top: 12px;
	right: -6px;
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.m-msglist .msg_right .u-icon-failure {
	cursor: pointer;
	color: #f00;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -30px;
}

.m-msglist .msg_right .u-icon-sending {
	color: #ccc;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -25px;
}

.m-msglist .msg_right .u-icon-loading {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: -25px;
}

.m-msglist .msg_right .image {
	float: right;
}

.m-msglist .qa-list {
	position: relative;
}

.m-msglist .qa-list .arrow {
	left: -5px;
	border-right: 6px solid #e4eaec;
}

.m-msglist .qa-list>.p {
	background-color: #e4eaec;
	border-radius: 6px;
	padding: 14px;
}

.m-msglist .qa-list>.p>.qa_label .br {
	height: 0;
	padding-bottom: 5px;
	padding-top: 0;
}

.m-msglist .qa-list>.p>ul a {
	line-height: 1.5;
}

.m-msglist .u-shunt-disabled .qa-list {
	background-color: #e4eaec;
}

.m-msglist .u-shunt-disabled .qa-list .shunt_child {
	color: #a5c8f1;
}

.m-msglist .u-shunt-disabled .qa-list .shunt_child:hover {
	color: #a5c8f1;
}

.m-iptbox {
	position: relative;
	height: 100%;
}

.m-iptbox .textarea {
	position: relative;
	top: 30px;
	display: inline-block;
	width: 100%;
	padding-right: 0;
	height: 48px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	z-index: 3;
}

.m-iptbox .textarea.u-status-robot {
	top: 0;
	height: 78px;
}

.m-iptbox .textarea-mn {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border: none;
}

.m-iptbox iframe {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	line-height: 16px;
}

.m-iptbox .empty {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	border: none;
	pointer-events: none;
}

.m-iptbox label {
	position: absolute;
	top: 6px;
	z-index: 2;
}

.m-iptbox label.photo_label {
	left: 42px;
}

.m-iptbox label.portrait_label {
	left: 10px;
}

.m-iptbox label .u-icon {
	display: block;
	cursor: pointer;
}

.m-iptbox label .u-icon-photo {
	width: 20px;
	height: 17px;
	margin-top: 2px;
}

.m-iptbox label .u-icon-portrait {
	width: 20px;
	height: 20px;
}

.m-iptbox .form {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 1px;
	height: 1px;
}

.m-iptbox button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.m-iptbox button.u-btn-send {
	position: absolute;
	bottom: 31px;
	right: 10px;
	padding: 10px 20px;
}

.m-iptbox .tips-message {
	z-index: 99999;
	bottom: 70px;
}

.m-iptbox .tips-message h4 {
	display: inline-block;
	vertical-align: top;
}

.productinfo .product-wrap {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	zoom: 1;
	background-color: #fff !important;
}

.productinfo .product-wrap:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: ".";
}

.productinfo .product-wrap .arrow {
	border-left-color: #ccc;
	z-index: 1;
}

.productinfo .product-wrap .arrow:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -4px;
	top: -5px;
	border: 5px solid transparent;
	border-left: 6px solid #fff;
	z-index: 0;
}

.productinfo .product-wrap .product_left {
	overflow: hidden;
}

.productinfo .product-wrap .product_left .tlt {
	height: 21px;
	font-size: 14px;
	line-height: 1.5;
	color: #222;
	padding: 0;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: pre;
}

.productinfo .product-wrap .product_left .desc {
	height: 54px;
	padding: 0;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: pre-wrap;
}

.productinfo .product-wrap .product_left .note {
	position: absolute;
	box-sizing: border-box;
	top: 92px;
	height: 21px;
	padding: 0;
	padding-right: 10px;
	line-height: 1.5;
	font-size: 14px;
	color: #ff611b;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	white-space: pre;
}

.productinfo .product-wrap .product_right {
	float: left;
	padding-right: 10px;
	margin: 0;
}

.productinfo .product-wrap .product_right img {
	width: 100px;
	height: 100px;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.productinfo .product-wrap .product_right img:active {
	border: 0;
	outline: 0;
}

.productinfo .product-wrap .product_right img:focus {
	border: 0;
	outline: 0;
}

.m-leavemessage .message {
	padding: 50px 30px 0;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}

.m-form .formcnt .ipts {
	margin-right: 30px;
}

.m-form .formcnt .ipts input,
.m-form .formcnt .ipts textarea {
	width: 100%;
}

.m-form .formcnt .btns {
	padding: 0 50px;
}

.m-comment {
	padding: 10px 0;
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
}

.m-comment .comment_box {
	width: 100%;
	text-align: center;
	padding: 19px 0;
	border: 1px solid #ccd5db;
	border-radius: 6px;
}

.m-comment .comment_title {
	width: 100%;
	height: 15px;
	text-align: center;
	line-height: 15px;
	font-size: 14px;
	color: #37474f;
}

.m-comment .comment_btn_cnt {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	margin-top: 10px;
}

.m-comment .comment_btn_cnt .u-icon-100,
.m-comment .comment_btn_cnt .u-icon-1 {
	width: 13px;
	height: 12px;
	margin-right: 10px;
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
}

.m-comment .comment_btn_cnt .comment_btn {
	width: 98px;
	height: 30px;
	margin-right: 10px;
	font-size: 14px;
	border-radius: 13px;
}

.m-comment .comment_cnt {
	text-align: center;
	font-size: 12px;
	color: #222;
	font-family: "Microsoft YaHei", "寰蒋闆呴粦", "瀹嬩綋", helvetica, "Hiragino Sans GB";
}

.m-comment-evaTip {
	max-width: 292px;
	width: 80%;
}

.m-comment-evaTip .comment_box {
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
}

.m-comment-evaTip .comment_box a.comment_btn {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	color: #fff;
}

.m-comment-evaTip .comment_tlt {
	font-size: 12px;
	line-height: 1;
	color: #222;
	margin-bottom: 21px;
}

.m-comment_result {
	padding: 26px 0;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}

.m-comment_result strong {
	font-weight: bold;
}

.m-announce {
	max-height: 225px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.m-announce .announce_tlt {
	color: #222;
	font-size: 16px;
	line-height: 1.4;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: bold;
	word-break: break-all;
}

.m-announce .announce_cnt {
	white-space: pre-wrap;
	font-size: 14px;
	color: #666;
	line-height: 1.4;
	word-break: break-all;
}

.m-announce .announce_pic {
	margin-top: 5px;
}

.m-announce .announce_pic img {
	width: 100%;
	height: 100px;
	background-position: center center;
}

.m-announce-ex {
	height: 480px;
	max-height: 480px;
}

.m-comquestions {
	padding: 15px 10px;
	padding-right: 0px;
	color: #1d1d1d;
	overflow: hidden;
}

.m-comquestions .bd {
	overflow: hidden;
}

.m-comquestions h1 {
	word-break: break-all;
	font-size: 16px;
	color: #222;
	font-weight: bold;
	padding-bottom: 8px;
}

.m-comquestions .itm {
	border-bottom: 1px solid #e8e8e8;
}

.m-comquestions .itm .title {
	margin-right: 12px;
	font-size: 14px;
	color: #222;
	line-height: 34px;
	cursor: pointer;
	word-break: break-all;
}

.m-comquestions .itm .answer {
	white-space: pre-wrap;
	margin-right: 22px;
	font-size: 12px;
	word-break: break-all;
	padding-bottom: 8px;
	line-height: 16px;
	color: #666;
}

.m-layer {
	position: fixed;
	*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000;
	transition: all 1.5s;
}

.m-layer>table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.m-layer>table>tbody>tr>td {
	vertical-align: middle;
}

.m-layer .lywrap {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.m-layer .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 1000000;
}

.m-layer .close .u-icon-closewhite {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 8px 0 0 8px;
}

.m-layer .close:hover {
	background-color: #fa7a7a;
	border-radius: 50%;
}

.m-layer .lyct {
	position: relative;
	display: inline-block;
	background: transparent;
	max-width: 80%;
	max-height: 80%;
	min-width: 180px;
}

.m-layer .lyct img {
	-webkit-animation: fadeIn 0.5s linear;
	-moz-animation: fadeIn 0.5s linear;
	-ms-animation: fadeIn 0.5s linear;
	-o-animation: fadeIn 0.5s linear;
	animation: fadeIn 0.5s linear;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.m-layer .lyct .prev,
.m-layer .lyct .next {
	position: fixed;
	top: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.m-layer .lyct .prev:hover,
.m-layer .lyct .next:hover {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
}

.m-layer .lyct .prev {
	left: 20px;
}

.m-layer .lyct .next {
	right: 20px;
}

.m-layer .lyct .u-icon-prev,
.m-layer .lyct .u-icon-next {
	width: 13px;
	height: 24px;
}

.m-layer .lyct .u-icon-prev {
	position: absolute;
	left: 28px;
	top: 24px;
}

.m-layer .lyct .u-icon-next {
	position: absolute;
	top: 24px;
	right: 26px;
}

.m-layer .lyct .z-page-disabled {
	cursor: default;
}

.m-layer .lyct .z-page-disabled .u-icon-prev,
.m-layer .lyct .z-page-disabled .u-icon-next {
	display: none;
}

.m-layer .lyct .z-page-disabled:hover {
	background: transparent;
}

.m-layer .small img {
	max-width: 180px;
	max-height: 180px;
}

.m-layer .small .status {
	position: absolute;
	top: 50%;
	width: 100%;
}

.m-layer .small .status img {
	width: 20px;
}

.m-layer .small .status .message {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 15px;
}

.m-layer .small .status.error {
	margin-top: -20px;
}

.m-layer .small .status.loading {
	margin-top: -10px;
}

:fullscreen,
:-webkit-full-screen,
:-moz-full-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	min-width: 1024px;
}

.m-layer:-webkit-full-screen {
	background-color: #48494a !important;
}

.m-layer:-moz-full-screen {
	background-color: #48494a !important;
}

.m-layer:-ms-full-screen {
	background-color: #48494a !important;
}

.m-layer:fullscreen {
	background-color: #48494a !important;
}

.m-modal-satisfyEva {
	position: fixed;
	*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.m-modal-satisfyEva table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
}

.m-modal-satisfyEva table tbody td {
	vertical-align: middle;
}

.m-modal-satisfyEva table .lywrap {
	position: relative;
	width: 270px;
	padding: 30px 18px 20px 18px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 5px;
}

.m-modal-satisfyEva table .lywrap .close {
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	font-size: 25px;
	line-height: 10px;
	color: #ccc;
	cursor: pointer;
}

.m-modal-satisfyEva table .lywrap .close:hover {
	color: #222;
}

.m-form-evaluate .form_tlt {
	font-size: 14px;
	line-height: 1;
	color: #222;
	margin-bottom: 20px;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.m-form-evaluate .evaWrap {
	text-align: center;
}

.m-form-evaluate .form_item.item-list>li {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	margin-bottom: 14px;
	overflow: hidden;
}

.m-form-evaluate .form_item.item-list>li label {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.m-form-evaluate .form_item.item-list>li .itm {
	margin-bottom: 8px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #767676;
}

.m-form-evaluate .form_item.item-list>li .itm.head img {
	width: 30px;
	height: 30px;
}

.m-form-evaluate .form_item.item-list>li .itm.choice {
	white-space: nowrap;
}

.m-form-evaluate .form_item.item-list>li .itm.choice span {
	line-height: 20px;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

.m-form-evaluate .form_item.item-list>li .itm input {
	vertical-align: middle;
	display: none;
	width: 0;
	height: 0;
}

.m-form-evaluate .form_item.itm-remarks {
	height: 50px;
	border-radius: 2px;
}

.m-form-evaluate .form_item.itm-remarks textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 10px;
	border: 1px solid #eee;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
}

.m-form-evaluate .form_item.itm-remarks textarea:focus {
	border-color: #ccc;
}

.m-form-evaluate .form_item.itm-btn .u-btn {
	display: block;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	opacity: 1;
}

.m-form-evaluate .form_item.itm-btn .u-btn.u-btn-disabled {
	background-color: #96beed;
	opacity: 0.6;
}

.m-form-evaluate .form_item.itm-btn .u-btn.u-btn-disabled:hover {
	background-color: #96beed;
	opacity: 0.6;
}

.m-form-evaluate .u-btn {
	background-color: #5092e1;
	transition: background-color 0.3s ease;
}

.m-form-evaluate .u-btn:hover {
	background-color: #7cade8;
}

.m-form-evaluate .u-btn-cancel {
	background-color: #96beed;
}

.m-form-evaluate .u-btn-cancel:hover {
	background-color: #96beed;
	cursor: default;
}

.m-modal-confirmEva .modal_dialog {
	width: 91%;
	max-width: 270px;
}

.m-modal-confirmEva .modal_hd {
	display: none;
}

.m-modal-confirmEva .modal_bd {
	padding: 45px 25px;
	text-align: center;
}

.m-modal-confirmEva .modal_ft {
	padding: 0 25px 20px 25px;
}

.m-modal-confirmEva .modal_ft .group {
	text-align: center;
}

.m-modal-confirmEva .modal_ft .u-btn {
	cursor: pointer;
}

.m-modal-confirmEva .modal_ft .u-btn-cancel {
	color: #fff;
	margin-left: 20px;
	cursor: pointer;
}

.m-modal-confirmEva .modal_ft .u-btn-disabled {
	cursor: pointer;
}

.u-comment_enter {
	padding: 5px 10px;
	border: 1px solid #ededed;
	color: #fff;
	font-size: 12px;
	background-color: transparent;
}

.u-comment_enter.z-dis {
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: default;
}

.u-comment_enter .u-icon-comment {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	width: 14px;
	height: 14px;
	margin-right: 3px;
	border-color: #fff;
	vertical-align: middle;
}

.u-comment_enter span {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	line-height: 14px;
	vertical-align: middle;
}

.u-action_enter {
	width: 67px;
	height: 27px;
	border: 1px solid #ededed;
	color: #fff;
	font-size: 12px;
	background-color: transparent;
}

.u-action_enter.z-dis {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.u-action_enter span {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	vertical-align: middle;
}

.u-icon-infodown {
	background: url(../img/down.png) no-repeat;
	background-position: 0px 0px;
	background-size: 13px;
	height: 0;
	width: 0;
	float: right;
	margin-right: 10px;
	margin-top: 8px;
	display: inline-block;
}

.u-icon-infoup {
	margin-right: 10px;
	margin-top: 8px;
	float: right;
	background: url(../img/up.png) no-repeat;
	background-size: 13px;
	height: 0;
	width: 0;
	display: inline-block;
}

.u-icon-failure {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.u-icon-sending {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.u-icon-warning {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.u-icon-avater {
	display: table-cell;
	width: 38px;
	height: 38px;
	line-height: 35px;
	border-radius: 50%;
	border: none\0;
	overflow: hidden;
	text-align: center;
}

.u-icon-avater img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

:root .u-icon-avater {
	display: table-cell;
	width: 38px;
	height: 38px;
	line-height: 35px;
	border-radius: 50%;
	text-align: center;
}

:root .u-icon-avater img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.u-ipt {
	width: 340px;
	padding: 10px;
	height: 40px;
	line-height: 20px;
	box-sizing: border-box;
	border-radius: 2px;
}

.u-textarea {
	overflow: auto;
	line-height: 1.6;
	width: 340px;
	box-sizing: border-box;
	border-radius: 2px;
	height: 90px;
	padding: 10px;
}

.u-textarea::-webkit-scrollbar {
	width: 7px;
}

.u-textarea::-webkit-scrollbar-button {
	display: none;
}

.u-textarea::-webkit-scrollbar-track {
	width: 7px;
}

.u-textarea::-webkit-scrollbar-track-piece {
	background: transparent;
}

.u-textarea::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #dddfe0;
}

.z-disabled .disabled {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0);
}

.tips {
	text-align: center;
	padding: 20px 0;
}

.tips .tips-wrap {
	display: inline-block;
}

.tips h3 {
	position: relative;
	z-index: 2;
	padding: 0 15px;
	margin: 0 40px;
	background-color: #fff;
}

.portrait_icon {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
}

.u-btn,
.u-btn-cancel {
	padding: 10px 24px;
	border-radius: 3px;
	font-size: 12px;
}

.u-btn-disabled,
.u-btn-cancel-disabled {
	padding: 10px 24px;
	border-radius: 3px;
	font-size: 12px;
}

.u-msg {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.u-msg img {
	width: 20px;
	height: 20px;
}

.u-msg span {
	position: relative;
	top: -5px;
}

.u-msg .timeicon {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto 20px;
}

.u-msg-2 {
	position: static;
	margin: 40px 0;
}

.u-msg-3 {
	margin-top: -34px;
}

.u-msg-4 {
	position: static;
	margin: 40px 0;
	width: 100%;
	text-align: center;
}

.u-msg-4 h3 {
	display: inline-block;
	padding: 10px 13px;
	border: 1px solid #ebf0f2;
	border-radius: 5px;
	background-color: #fafafa;
	font-size: 12px;
}

.tips-message {
	position: absolute;
	bottom: 48px;
	right: 10px;
	height: 18px;
	line-height: 18px;
	padding: 6px 10px;
	border-radius: 3px;
}

.tips-message:after {
	position: absolute;
	right: 34px;
	bottom: -6px;
	margin-top: 2px;
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.u-errtip {
	position: absolute;
	left: 50%;
	top: 70%;
	padding-left: 40px;
	padding-right: 48px;
	margin-left: -119px;
	margin-top: -15px;
	padding: 0 30px;
	height: 30px;
	border-radius: 13px;
	font-size: 14px;
	line-height: 30px;
	z-index: 1000;
}

.u-errtip img {
	height: 80%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.u-headtip {
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	z-index: 1000;
	transition: height 0.5s ease;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-ms-transition: height 0.5s ease;
}

.u-headtip a {
	color: #61a7ea;
}

.z-hidden {
	visibility: hidden;
}

.u-scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 100%;
	background: transparent;
	opacity: 0.6;
}

.u-scrollbar .thumb {
	position: absolute;
	top: 0;
	right: 0;
	width: 7px;
	height: 50px;
	border-radius: 3px;
	overflow: hidden;
	cursor: default;
}

.u-icon-radio {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	width: 20px;
	height: 20px;
	background: url(../img/icon-20-2x.png);
	background: url(../img/icon-20-1x.png) \9;
	background-size: 160px auto;
	background-position: 0 -960px;
	vertical-align: middle;
}

.u-icon-radio.active {
	background-position: -80px -960px;
}

@keyframes audioplaying {
	0% {
		background: url("/res/img/2.png");
	}
	50% {
		background: url("/res/img/3.png");
	}
	100% {
		background: url("/res/img/4.png");
	}
}

html,
body {
	border: 0;
	outline: 0;
	overflow: hidden;
}

body {
	overflow: auto;
}

.g-main-visitor {
	overflow: hidden;
}

.g-main-visitor .g-hd .minimize {
	display: none !important;
}

.g-main-visitor .g-bd .bd_left {
	right: 0;
}

.g-main-visitor .g-bd .bd_right {
	width: 0;
}

.g-main-visitor.hasinfo .g-bd .bd_left {
	right: 341px;
}

.g-main-visitor.hasinfo .g-bd .bd_right {
	width: 340px;
}

.m-msglist .text,
.m-msglist .qa-list,
.m-msglist .action,
.m-msglist .rich,
.m-msglist .question {
	max-width: 218px;
	box-sizing: border-box;
}

.m-comment .comment_cnt {
	text-align: center;
	font-size: 14px;
	color: #222;
}

.m-comment-evaTip {
	max-width: 330px;
}

.productinfo .product-wrap.rich {
	width: 80%;
	max-width: 320px;
	float: right;
}

.m-modal-satisfyEva table .lywrap {
	width: 100%;
	max-width: 480px;
	min-width: 300px;
	padding: 30px 18px 20px 18px;
}

.m-form-evaluate .form_item.item-list>li .itm.head img {
	width: 40px;
	height: 40px;
}

.m-form-evaluate .form_item.item-list.two {
	text-align: center;
}

.m-form-evaluate .form_item.item-list.two li {
	width: 49%;
}

.m-form-evaluate .form_item.item-list.three {
	text-align: center;
}

.m-form-evaluate .form_item.item-list.three li {
	width: 32%;
}

.m-form-evaluate .form_item.item-list.five {
	text-align: center;
}

.m-form-evaluate .form_item.item-list.five li {
	width: 18.9%;
}

.m-form-evaluate .form_item.itm-btn .u-btn {
	font-size: 14px;
	line-height: 40px;
	margin-top: 26px;
}

.m-modal-confirmEva .modal_dialog {
	width: 80%;
	max-width: 330px;
}

@media screen and (max-width: 1024px) {
	.g-main-visitor {
		width: 590px;
		height: 625px;
	}
	.g-main-visitor .g-bd .bd_left {
		right: 0;
	}
	.g-main-visitor .g-bd .bd_right {
		width: 0;
	}
	.g-main-visitor.hasinfo {
		width: 834px;
		height: 625px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_left {
		right: 245px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_right {
		width: 244px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
	.g-main-visitor {
		width: 590px;
		height: 625px;
	}
	.g-main-visitor .g-bd .bd_left {
		right: 0;
	}
	.g-main-visitor .g-bd .bd_right {
		width: 0;
	}
	.g-main-visitor.hasinfo {
		width: 834px;
		height: 625px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_left {
		right: 245px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_right {
		width: 244px;
	}
}

@media screen and (min-width: 1367px) and (max-width: 1920px) {
	.g-main-visitor {
		width: 826px;
		height: 760px;
	}
	.g-main-visitor .g-bd .bd_left {
		right: 0;
	}
	.g-main-visitor .g-bd .bd_right {
		width: 0;
	}
	.g-main-visitor.hasinfo {
		width: 1166px;
		height: 760px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_left {
		right: 341px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_right {
		width: 340px;
	}
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
	.g-main-visitor {
		width: 1070px;
		height: 875px;
	}
	.g-main-visitor .g-bd .bd_left {
		right: 0;
	}
	.g-main-visitor .g-bd .bd_right {
		width: 0;
	}
	.g-main-visitor.hasinfo {
		width: 1510px;
		height: 875px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_left {
		right: 441px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_right {
		width: 440px;
	}
}

@media screen and (min-width: 2561px) {
	.g-main-visitor {
		width: 1070px;
		height: 875px;
	}
	.g-main-visitor .g-bd .bd_left {
		right: 0;
	}
	.g-main-visitor .g-bd .bd_right {
		width: 0;
	}
	.g-main-visitor.hasinfo {
		width: 1510px;
		height: 875px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_left {
		right: 441px;
	}
	.g-main-visitor.hasinfo .g-bd .bd_right {
		width: 440px;
	}
}